<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>事件</title>
</head>
<body>
<div id="app">
  <!-- v-on === @ -->
  <div v-on:mousedown="fn">点我</div>
  <div @mousedown="fn($event,1)">点我</div>
</div>

</body>
<script src="../node_modules/vue/dist/vue.js"></script>
<script>
    // vue 提供v-for 解决循环问题 更高效 会复用原有结构
   let vm =  new Vue({
        el: '#app',
            methods:{ //methods中的this指向的都是实例
              fn(event,a){  //如果不传递参数，则不要写括号，如果写了，需要手动传event
                console.log(event,a);
              }

            },
            data:{
              a:1
            }
    })


</script>
</html>
